import {Card } from "antd";
export interface ImplementInfo{
    theme:string
    imgSrc:string,
    title:string,
    description:string
}
export default function Implementation({data}:{data:ImplementInfo[]}) {
    return (
        <div id="part-4" className="w-full flex flex-col justify-center items-center py-[100px] bg-[#f9fafa]">
            <p className="text-[25px]">落地案例</p>
            <div className="w-[1100px] flexCenter gap-8 flex-wrap mt-10">
                {data.map((item,index)=>{
                    return (
                        <Card
                            className="hover:shadow-lg transition duration-500 ease-in-out"
                            key={index}
                            style={{ width: 350 }}
                            cover={<img alt="example" src={item.imgSrc} className='object-cover h-[250px]'/>}
                        >
                            <Card.Meta title={item.title} description={item.description} />
                        </Card>
                    )
                })}
            </div>
        </div>
    )
}